<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<script>
    // 常用的键盘事件
    // 三个事件的执行顺序是: keydown -> keypress -> keyup

    // 1.keyup 按键弹起的时候触发  | 某个键盘按键被松开时触发
    document.onkeyup = function (e) {
        console.log(e.key + ' 我被弹起了')
    }

    // 2.keypress 按键按下的时候触发   | 但不能识别功能键 比如 ctrl shift 箭头等
    document.addEventListener('keypress', function (e) {
        console.log(e.key + ' 我按下了press')
    })


    // 3.keydown 按键按下的时候触发
    document.addEventListener('keydown', function (e) {
        console.log(e)
        console.log(e.key + ' 我按下了down')
    })


</script>
</body>
</html>
